<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">JQuery按钮</button>
		<script>
			// JQuery 基础语法  注释JQuery与JavaScript，注释沿用JavaScript注释
			/*多行注释*/
			//工厂函数：首行位置  作用：标识JQuery对象、抓取页面元素
			/**
			 *   工厂函数   两种使用方式
			 * ①$("选择器")或$('选择器')    常用
			 *  注意：单双引号主要是为了嵌套问题
			 * ②JQuery("选择器")或JQuery('选择器')   不常用
			 */
			
			//①$("选择器")或$('选择器')
			// $("button").click(function(){
			// 	/*逻辑+DOM或者BOM*/
			// 	//alert("Hello，JQuery");----代表B0M层 输出语句
			// 	document.write("<marquee>跑马灯...</marquee>")-------代表DOM层 输出语句
			// 	});
				
			//②JQuery("选择器")或JQuery('选择器') 
			 jQuery("#btn").click(function(){
				// console.log("你猜我在哪里出现");---代表ECMAScript 5.0语法 输出语句
			 });
			 
			 /*工厂函数[2种].事件源[4类，15种](function(){
				 JQ逻辑：包含DOM+逻辑与BOM+逻辑
			 });
			  
			  */
		</script>
	</body>
</html>